<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 五神鸟：启缘</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
    <style>
        body {
            background: linear-gradient(135deg, #0a1a35 0%, #000000 100%);
            color: #f0f0f0;
            font-family: 'Noto Sans SC', sans-serif;
        }
        .calligraphy-font {
            font-family: 'Ma Shan Zheng', cursive;
            letter-spacing: 3px;
        }
        .gold-text {
            color: #d4af37;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <header class="nav-glass fixed top-0 w-full py-3 z-50 transition-all duration-300">
      <div class="container mx-auto px-6 flex justify-between items-center">
        <!-- Logo -->
        <div class="flex items-center">
          <iconify-icon class="logo-glow" icon="fa6-solid:feather-pointed" width="42" height="42" style="color: #d4af37"></iconify-icon>
          <h1 class="ml-3 text-xl font-bold text-white font-['ZCOOL_XiaoWei']">五神鸟</h1>
        </div>
        <!-- 导航链接 -->
        <nav class="relative">
          <ul class="flex space-x-8">
            <li class="relative">
              <a href="首頁.html" class="text-gray-300 hover:text-d4af37 transition-colors py-2">首页</a>
            </li>
            <li class="relative">
              <a href="神鳥傳説界面.html" class="text-gray-300 hover:text-d4af37 transition-colors py-2">神鸟传说</a>
            </li>
            <li class="relative">
              <a href="科技神韻界面.html" class="text-gray-300 hover:text-d4af37 transition-colors py-2">科技互动</a>
            </li>
            <li class="relative">
              <a href="文化传承.html" class="text-gray-300 hover:text-d4af37 transition-colors py-2">文化传承</a>
              <div class="nav-active-indicator w-full" style="width: 100%;"></div>
            </li>
            <li class="relative">
              <a href="关于我们.html" class="text-white hover:text-d4af37 transition-colors relative py-2">关于我们</a>
            </li>
          </ul>
        </nav>
        <!-- 右侧操作 -->
        <div class="flex items-center space-x-4">
          <div class="relative">
            <iconify-icon class="text-gray-300 hover:text-d4af37 cursor-pointer" icon="ion:search" width="24"></iconify-icon>
          </div>
          <!-- <button class="btn-outline-gold px-4 py-1 rounded-full text-sm flex items-center">
            <iconify-icon icon="ion:language" class="mr-1"></iconify-icon> 中文
          </button> -->
        </div>
      </div>
    </header>

    <!-- 关于我们内容区 -->
    <main class="max-w-3xl mx-auto pt-32 pb-20 px-6">
        <h1 class="calligraphy-font gold-text text-5xl mb-8 text-center">关于我们</h1>
        <p class="text-lg mb-6 text-center">
            <span class="gold-text font-bold">五神鸟：启缘</span> 是一个融合中国古代神鸟文化与现代科技的互动科普平台。我们致力于用数字化、沉浸式体验和创新互动方式，传承和弘扬中华传统文化，让更多人了解五神鸟的神话故事、文化内涵与科学价值。
        </p>
        <div class="mb-8">
            <h2 class="calligraphy-font gold-text text-2xl mb-4">我们的使命</h2>
            <ul class="list-disc pl-6 text-base">
                <li>以科技赋能传统文化，打造沉浸式科普体验</li>
                <li>推动中华神鸟文化的创新表达与全球传播</li>
                <li>为青少年和大众提供趣味、互动、可探索的知识空间</li>
            </ul>
        </div>
        <div class="mb-8">
            <h2 class="calligraphy-font gold-text text-2xl mb-4">核心团队</h2>
            <p class="text-base mb-2">我们是由三名大学生组成的团队，分别负责文稿创作、演示设计与技术支持。虽仍在学习成长，但满怀对神鸟文化的热爱与探索精神，凭借课堂所学与实践热情，全力为大家呈现神鸟文化的独特魅力。</p>
        </div>
        <div class="mb-8">
            <h2 class="calligraphy-font gold-text text-2xl mb-4">联系我们&3D模型署名</h2>
            <p class="text-base mb-2">邮箱：<span class="gold-text">2720329167@qq.com</span></p>
            <p class="text-base mb-2">电话：<span class="gold-text">+86 186 2636 3670</span></p>
            <p class="text-base">"phoenix bird" by NORBERTO-3D (https://www.artstation.com/norbertoaguilera) is licensed under CC Attribution-ShareAlike 4.0 (https://creativecommons.org/licenses/by-sa/4.0/).</p>
        </div>
        <div class="mt-12 text-center text-sm text-gray-400">
            ©2025 五神鸟文化科技项目 | 传统文化与科技融合创新平台
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="py-12 border-t border-amber-900 relative z-10">
      <div class="container mx-auto px-6">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
          <div>
            <div class="flex items-center mb-6">
              <iconify-icon icon="fa6-solid:feather-pointed" width="32" style="color: #d4af37"></iconify-icon>
              <h3 class="text-xl font-bold ml-2">五神鸟</h3>
            </div>
            <p class="text-gray-400 text-sm leading-relaxed">
              以现代科技演绎传统文化，打造文化传承新体验，传统与未来的创新实验室。
            </p>
          </div>
          <div>
            <h4 class="text-amber-200 text-lg mbPrefab-4 pb-2 border-b border-amber-800">探索之旅</h4>
            <ul class="text-gray-400 space-y-2">
              <li><a href="神鳥傳説界面.html" class="hover:text-amber-200 transition-colors">神鸟传说</a></li>
              <li><a href="AI交互.html" class="hover:text-amber-200 transition-colors">互动知识图谱</a></li>
              <li><a href="VR探索.html" class="hover:text-amber-200 transition-colors">VR时空穿梭</a></li>
              <li><a href="数字神鸟珍藏馆.html" class="hover:text-amber-200 transition-colors">数字收藏馆</a></li>
            </ul>
          </div>
          <div>
            <h4 class="text-amber-200 text-lg mb-4 pb-2 border-b border-amber-800">关于团队</h4>
            <ul class="text-gray-400 space-y-2">
              <li><a href="团队信息.html" class="hover:text-amber-200 transition-colors">项目起源</a></li>
              <li><a href="团队信息.html" class="hover:text-amber-200 transition-colors">创意伙伴</a></li>
              <li><a href="团队信息.html" class="hover:text-amber-200 transition-colors">心路历程</a></li>
              <li><a href="团队信息.html" class="hover:text-amber-200 transition-colors">未来构想</a></li>
            </ul>
          </div>
          <div>
            <h4 class="text-amber-200 text-lg mb-4 pb-2 border-b border-amber-800">关注我们</h4>
            <p class="text-gray-400 text-sm mb-4">
              获取最新展览信息、活动公告和独家内容更新
            </p>
            <div class="flex space-x-4">
              <a class="social-icon w-10 h-10 flex items-center justify-center rounded-full border border-amber-700 bg-black/60" href="https://mp.weixin.qq.com/s/Gd91N-0lKqXblMExLEWIxw">
                <iconify-icon icon="mdi:wechat" width="24" style="color: #d4af37"></iconify-icon>
              </a>
              <a class="social-icon w-10 h-10 flex items-center justify-center rounded-full border border-amber-700 bg-black/60" href="https://weibo.com">
                <iconify-icon icon="mdi:weibo" width="24" style="color: #d4af37"></iconify-icon>
              </a>
              <a class="social-icon w-10 h-10 flex items-center justify-center rounded-full border border-amber-700 bg-black/60" href="https://www.douban.com">
                <iconify-icon icon="mdi:tiktok" width="24" style="color: #d4af37"></iconify-icon>
              </a>
            </div>
            <div class="mt-6">
              <p class="text-gray-400 text-sm mb-2">邮箱: 2720329167@qq.com</p>
              <p class="text-gray-400 text-sm">电话: +86 186 2636 3570</p>
            </div>
          </div>
        </div>
        <div class="divider-gold w-full my-10"></div>
        <div class="text-center text-gray-500 text-sm">
          © 2025 五神鸟文化科技项目 | 用创新思维连接过去与未来 | 传统文化与科技融合的创新平台
        </div>
      </div>
    </footer>
</body>
</html>